<template>
	<!-- 静止的区域 -->
	<div class="static_area">
		<!-- 顶部导航条 -->
		<div class="commom_header" id="globalHeader">
			<div class="header_wrap flex-box">
				<div class="iconfont goback_icon" onclick="window.history.go(-1)"  v-if="config.callback">&#xe60c;</div>
				<div class="header_text flex-item-1">{{title}}</div>
				<div class="fold_icon iconfont"  v-if="config.fold"></div>
				<router-link tag="div" to="/search" v-if="config.search" class="btnClass">
					<span class="searchBtn icon-search"></span>
				</router-link>
			</div>
			<div class="fold_nav foldNav"  v-if="config.fold">
				<div class="nav_item iconfont wap_index"> {{$t("home")}} </div>
				<div class="nav_item iconfont wap_list"> {{$t("product")}} </div>
				<div class="nav_item iconfont wap_cart"> {{$t("cart")}}<label class="shopNum">0</label> </div>
				<div class="nav_item iconfont wap_user"> {{$t("member")}} </div>
			</div>
		</div>
	</div>
</template>

<script>
import './css/publicTop.scss'
export default {
    components: {
    },
    props: {
        title: {
            default: function() {
                return ''
            }
        },
        config: {
            default: function() {
                return {}
            }
        }
    },
    mounted() {

    },
    methods: {

    },
    activated() {
      
    } 
}
</script>

